{% load core_tags %}
<!DOCTYPE HTML> 
<html>
  <head>
    <meta charset="utf-8" /> 
    <meta http-equiv="Content-Language" content="en-us" /> 
    <meta name="description" content="Our Philadelphia connects people with information. Find out who represents you in government, discover who funds their campaigns, and learn about how these contributions affect you and your community." />
    <meta name="keywords" content="philadelphia, city council, representatives, campaign donations, politics, elections, common cause"/>
    <title>{{ location.site.name }}: {% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" type="text/css" media="all" />
    <!--[if IE 6]>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/ie6.css" type="text/css" />
    <![endif]--> 
    <!--[if IE 7]>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/ie7.css" type="text/css" />
    <![endif]-->
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.infieldlabel.min.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/reflection.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}js/main.js"></script>
		<!--[if lt IE 6]>
		<script type="text/javascript" src="{{ MEDIA_URL }}js/supersleight.js"></script>
		<![endif]-->
		<script type="text/js">
		$('body').supersleight();
		</script>
    {% block head %}
    {% endblock %}
  </head>
  <body{% block body-attributes %} class="interior"{% endblock %}>
    <a id="top" name="top">Top</a> 
    <div id="header">
      <h1><a href="{% url index %}" title="Home">{{ location.site.name }}</a></h1>
      <ul id="utility-nav">
        <li id="faqs"><a href="{% url FAQs %}" title="FAQs">FAQs</a></li>
				<li><a href="{% url community %}" title="FAQs">Community</a></li>
        <li><a href="{% url contact %}" title="Contact Us">Contact Us</a></li>
        {% if user.is_authenticated %}
        <li>Signed in as <a href="{% url profiles_profile_detail user %}">{{ user }}</a></li>
        <li id="log-out"><a href="{% url auth_logout %}">Log out</a></li>
        {% else %}
        <li><a href="{% url auth_login %}{% if not location.path|match:"/accounts/logout" %}?next={% url index %}{% endif %}" title="Log in">Log in</a></li>
        <li id="sign-up"><a href="{% url registration_register %}" title="Register">Sign Up</a>
        {% comment %}
          <div id="sign-up-tooltip">
            <p><strong>Register for free&hellip;</strong></p>
            <ol>
              <li>Do this thing</li>
              <li>Do another thing</li>
              <li>A third reason</li>
            </ol>
          </div>
          {% endcomment %}
        </li>
        {% endif %}
      </ul>
      <ul id="global-nav">
        <li{% if location.path|match:"/$" %} class="current"{% endif %}><a href="{% url index %}" title="Home">Home</a></li>
        <li{% if location.path|match:"/about" %} class="current"{% endif %}><a href="{% url about %}" title="About">About</a></li>
        <li{% if location.path|match:"/reports" %} class="current"{% endif %}><a href="{% url reports %}" title="Reports">Reports</a></li>
        <li{% if location.path|match:"/blog" %} class="current"{% endif %}><a href="{% url blog %}" title="Blog">Blog</a></li>
        <li{% if location.path|match:"/issues" %} class="current"{% endif %}><a href="{% url issues %}" title="Issues">Issues</a></li>
        <li{% if location.path|match:"/reps" %} class="current"{% endif %}><a href="{% url reps %}" title="Reps">Reps</a></li>
        <li class="attention {% if location.path|match:"/elections/2011" %}current{% endif %}"><a href="{% url elections '2011' %}" title="Primary 2011">Primary 2011</a></li>
      </ul>
			<a id="header-donate" href="http://www.commoncause.org/pennsylvania">Donate at CommonCause.org &raquo;</a>
      {% block header %}
      <form id="address-search" action="{% url reps %}">
        <label>Enter a Philadelphia Address</label>
        <input type="text" class="search-input" name="address" />
        <input type="submit" class="button" value="Search"/>
      </form>
      {% endblock %}
    </div><!-- end #header-->
    {% block headline %}{% endblock %}
    <div id="content" class="clearfix">
      {% block showcase %}{% endblock %}
      <div id="primary-content">
      {% block primary-content %}{% endblock %}
      </div><!--end #primary-content-->
      <div id="secondary-content">
      {% block secondary-content %}
        {% include "snippets/signup_or_info.html" %}
        {% include "snippets/reports_and_news.html" %}
      {% endblock %}
      </div><!--end #secondary-content-->
    </div><!--end #content-->
    <div id="footer" class="clearfix">
      <div id="footer-content">
        <div class="column clearfix">
          <h5>{{ location.site.name }}</h5>
          <p>{{ location.site.name }} is a community website designed to both provide information to Philadelphians about the role of money in local politics and allow users to investigate these issues for themselves. A project of Common Cause PA made possible by the Samuel S. Fels Fund, Our Philadelphia highlights the role of campaign contributions to your elected representatives in the creation of policy that affects local residents.</p>
        </div>
        <div class="column clearfix">
          <h5>Common Cause</h5>
          <p>{{ location.site.name }} is a project of Common Cause, a nonpartisan, grassroots organization dedicated to restoring the core values of American democracy, reinventing an open, honest and accountable government that serves the public interest, and empowering ordinary people to make their voices heard in the political process. Learn more about Common Cause's efforts to hold power accountable at <a title="Common Cause Pennsylvania" href="http://www.commoncause.org/pa">commoncause.org/pa</a>.</p>
        </div>
        <div class="column clearfix">
          <h5>Make a Donation</h5>
          <p>We're working hard to put the public interest ahead of the wealthy special interests. Help support our efforts to expose the role of money in politics, and to hold our elected officials more accountable. We're counting on you! Please make a gift to Common Cause today.</p>
          <p id="donate"><a href="https://www.kintera.org/site/apps/ka/sd/donor.asp?c=dkLNK1MQIwG&b=4953741&en=fqJGLTOHJdLKKYPsF6JHKWPJIqKTLUPvEhJSJ0NBJbIMJ3PQF" title="Make a donation">Donate at commoncause.org &raquo;</a></p>
        </div>
        {% if user.is_authenticated %}
        <div class="column clearfix">
          <h5>About this site</h5>
          <p>Our Philadelphia runs on <a href="http:/www.djangoproject.com/" title="Django Website">Django</a>. Its representative search is powered by <a href="http://cicero.azavea.com" title="Cicero Website">Cicero</a>. The site was built and designed by <a href="http://rc98.net" title="Gabriel Farrell">Gabriel Farrell</a>, <a href="http://www.mikeball.org" title="Mike Ball">Mike Ball</a>, and <a href="http://www.biggreenlinedesign.com" title="Cecily Anderson">Cecily Anderson</a>, who work collectively as <a href="http://anagramist.com" title="Anagram Website">Anagram</a>. Our Philadelphia is the pilot site for <a href="http://code.google.com/p/ourcity/" title="OurCity on Google Code">OurCity</a>, an open source project that seeks to improve accountability in local politics. <a href="http://code.google.com/p/ourcity/">Download its source code</a> or <a href="{% url contact %}">contact us</a> about using this software in your city.</p> 
        </div>
        {% else %}
        <div class="column clearfix">
          <h5>Register for free</h5>
          <form id="footer-register" class="simple-form" action="{% url registration_register %}" method="post">
            {% csrf_token %}
            <div class="form-item">
              <label for="id_username">Username</label>
              <input class="text" id="id_username" name="username" type="text"/>
            </div>
            <div class="form-item">
              <label for="id_email">Email</label>
              <input class="text" id="id_email" name="email" type="text"/>
            </div>
            <div class="form-item">
              <label for="id_password1">Password</label>
              <input class="text" id="id_password1" name="password1" type="password"/>
            </div>
            <div class="form-item">
              <label for="id_password2">Confirm password</label>
              <input class="text" id="id_password2" name="password2" type="password"/>
            </div>
            <div class="form-input clear-left">
              <input class="button" type="submit" value="Register"/>
            </div>
          </form>
        </div>
        {% endif %}
        <div id="footer-nav">
          <ul>            
            <li><a href="{% url index %}">Home</a></li>
            <li><a href="{% url about %}">About</a></li>
            <li><a href="{% url reports %}">Reports</a></li>
            <li><a href="{% url blog %}">Blog</a></li>
            <li><a href="{% url issues %}">Issues</a></li>
            <li><a href="{% url reps %}">Reps</a></li>
            <li><a href="{% url about_site %}">About this site</a></li>
            <li><a href="{% url FAQs %}">FAQs</a></li>
						<li><a href="{% url community %}" title="FAQs">Community</a></li>
            <li class="last-child"><a href="{% url contact %}">Contact us</a></li>
          </ul>    
     			<ul class="social-media">
            <li class="sm-rss"><a title="RSS" href="{% url news-feed %}">RSS</a></li>
						<li class="sm-twitter"><a title="Twitter" href="http://twitter.com/ourphiladelphia">Twitter</a></li>
						<li class="last-child sm-facebook"><a title="Facebook" href="http://www.facebook.com/pages/Our-Philadelphia/249786217235?ref=search&sid=7501318.1266558211..1">Facebook</a></li>
					</ul>
          <ul>
						<li>&copy; 2010 Common Cause</li>
						<li><a href="mailto:info@{{ location.site.domain }}">info@{{ location.site.domain }}</a></li>
						<li class="last-child" id="cicero-powered"><a href="http://cicero.azavea.com">Powered by Cicero</a></li>
					</ul>
        </div>
      </div><!--end #footer-content-->
    </div><!--end #footer-->
    <script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
    <script type="text/javascript">
      try {
        var pageTracker = _gat._getTracker("UA-12648313-1");
        pageTracker._trackPageview();
        } catch(err) {}</script>
  </body>
</html>
